/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import {View} from 'react-native';

// project
import {
    Hand, Svg, Text,  ItemY, Footer, ButtonOpacity, ButtonLight, TouchOpacity, TouchLight, Between, Image, Row, ItemX
} from '../../../library'


/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class ArticleIndex extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
	constructor(props) {
        super(props);

        /**
         * state
         */
    }

    /*------------------------------------------------------------------------------------
	 * 自定义方法
	 *-----------------------------------------------------------------------------------*/

	/*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
	render() {

        const Cdata = this.props.Cdata;

        const GonPress = this.props.GonPress?this.props.GonPress:{};

        const SonPress = this.props.SonPress?this.props.SonPress:{};

        // 制作样式
        
        // 渲染
		return (


            <View style={{backgroundColor:'#fff', marginBottom:10, paddingLeft:10, paddingRight:10}}>
                <Hand h='35' y='center'>
                    <Between>
                        <Hand><Text>*</Text><Text size='12' color='red'>置顶</Text></Hand>
                        <Hand><Text>^</Text></Hand>
                    </Between>
                </Hand>
                <Hand>
                    <Image source={require('../../../assets/banner.jpg')} w='340' h='150'></Image>
                </Hand>
                <Hand h='40' y='center'>
                    <Text size='13' color='#333'>被出生。麻木的活着，活着，活着，活着。 </Text>
                </Hand>
                <Hand pb='5'>
                    <Between>
                        <Hand><Text size='11' color='#aeaeae'>12小时前</Text></Hand>
                        <Hand>

                            <TouchOpacity onPress={()=>
                                {GonPress}
                            }>
                                <ItemX pr='20'>
                                    <Text>@</Text>
                                    <Text size='11'>130</Text>
                                </ItemX>

                            </TouchOpacity>

                            <TouchOpacity onPress={()=>
                                {SonPress}
                            }>
                                <Text>%</Text>
                            </TouchOpacity>

                        </Hand>
                    </Between>
                </Hand>
            </View>
			
		);
	}
}
